{% extends "layout.html" %}

{% block content %}
<div class="pb-2 mt-2 mb-4 border-bottom">
  <h3>注册</h3>
</div>
<form method='POST'>
  <input type='hidden'  name='_csrf'  value='{{_csrf}}' />
  <div class="form-group row">
    <label class="col-md-3 col-form-label font-weight-bold text-right" for="email">账号</label>
    <div class="col-md-7">
      <input class="form-control" type='email' name='email'  id='email'  placeholder='Email' autofocus autocomplete='email' required/>
    </div>
  </div>
  <div class="form-group row">
    <label class="col-md-3 col-form-label font-weight-bold text-right" for="password">密码</label>
    <div class="col-md-7">
      <input class="form-control" type='password' name='password'  id='password'  placeholder='Password' autofocus autocomplete='current-password' minlength='8' required/>
    </div>
  </div>
  <div class="form-group row">
    <label class="col-md-3 col-form-label font-weight-bold text-right" for="confirmPassword">密码确认</label>
    <div class="col-md-7">
      <input class="form-control" type='password' name='confirmPassword'  id='confirmPassword'  placeholder='confirmPassword' autofocus autocomplete='new-password' minlength='8'  required/>
    </div>
  </div>
  <div class="form-group">
    <div class="offset-md-3 col-md-7 pl-2">
      <button class="col-md-3 btn btn-primary" type='submit'><i class="far fa-user fa-sm"></i> | 注册 </button>
    </div>
  </div>

</form>
{% endblock %}
